Page({
  data: {
    activityList: [
      {
        id: 1,
        title: '活动连连，幸福满满~',
        bannerUrl: '/images/interact1.png', // 替换为实际图片地址
        link: '/pages/actives/actives',
        active: false // 初始化 active 属性
      },
      {
        id: 2,
        title: '失物招领，实时更新！',
        bannerUrl: '/images/interact2.png', // 替换为实际图片地址
        link: '/pages/losing/losing',
        active: false // 初始化 active 属性
      }
    ]
  },
  onActivityItemClick(e) {
    const id = e.currentTarget.dataset.id;
    if (!id) {
      console.error('未获取到活动 ID');
      return;
    }
    const parsedId = typeof id === 'string' ? parseInt(id) : id;
    if (isNaN(parsedId)) {
      console.error('活动 ID 不是有效的数字');
      return;
    }

    const activityList = this.data.activityList.map(item => {
      if (item.id === parsedId) {
        return {
          ...item,
          active: true, // 添加 active 样式
          isClicked: true
        };
      }
      return {
        ...item,
        active: false,
        isClicked: false
      };
    });
    this.setData({
      activityList
    });

    // 一段时间后移除 active 类
    setTimeout(() => {
      const newActivityList = activityList.map(item => {
        if (item.id === parsedId) {
          return {
            ...item,
            active: false
          };
        }
        return item;
      });
      this.setData({
        activityList: newActivityList
      });
    }, 300); // 300 毫秒后恢复样式，可根据需要调整时间

    // 根据 id 找到对应的活动项
    const clickedActivity = this.data.activityList.find(item => item.id === parsedId);
    if (clickedActivity) {
      wx.navigateTo({
        url: `${clickedActivity.link}?id=${parsedId}`,
        fail: (err) => {
          console.error('页面跳转失败:', err);
        }
      });
    } else {
      console.error('未找到对应的活动项');
    }
  }
})